<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>审批中心</title>
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="./css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/customerservicelist.css" />
    <link rel="stylesheet" type="text/css" href="css/examinelist_220809.css" />
    <style>

        .topheader{
            height: 4.7rem;
            background-color: #fff;
            border-bottom:solid 0.5px #f3f3f3;
        }
        .menu_tapmode{
            color: #999;
        }
        .aui-tab-item.active{
            color: #222;
            font-weight: 600;
        }
        .aui-tab-item.active label.labelbox{
            font-size: 0.8rem;
        }
        .new-btn-bottom {
            width: 100%;
            margin: 0 auto;
            display: flex;
            margin-top: 20px;
            border-top: solid 0.5px #eee;
            padding-top: 10px;
            flex-direction: row;
            justify-content: center;
        }

        .new-blue-btn {
            width: 50%;
            text-align: center;
            margin: 0 5px;
            /* height: 30px;
            line-height: 30px; */
            /* border:solid 0.5px #f3f3f3; */
            /* border-radius: 20px; */
            /* font-weight: bold; */
        }
        
        .workheader{
            width: 100%;  
            margin: 0px 0px 5px 0px;
            overflow: hidden;
            /* border-bottom: solid 0.5px #eee; */
        }
        
        .mt0{
            margin-top: 0rem;
        }
        .time_style{
            text-align: right;
        }
        /* .padding_style{
            padding-bottom: 1rem;
            padding-top: 0.8rem;
        } */
        /* .marginheight{
            margin-top: 0.3rem;
        } */
        .mainbox{
            width: 92%;
            margin: 0 auto;
            margin-top: 15px;
            padding: 20px 16px 10px 16px;
        }
        .StateStatus{
            padding-top: 10px;
        }
        .statuStyle{
            width: 50%;
            
            text-align: right;
            /* padding: 2px 0px; */
            font-weight: 500;
        }
        span.blue{
            padding: 2px 8px;
            border-radius: 4px;
            font-size: 0.65rem;
            color: #5794e7;
            background: #eff6ff;
        }
        span.green{
            padding: 2px 8px;
            border-radius: 4px;
            font-size: 0.65rem;
            color: #29aa60;
            background: #f1fff7;
        }
        span.origen{
            padding: 2px 8px;
            border-radius: 4px;
            font-size: 0.65rem;
            color: #e46a27;
            background: #fff8f4;
        }
        span.gray{
            padding: 2px 8px;
            border-radius: 4px;
            font-size: 0.65rem;
            color: #bbb;
            background: #f8f8f8;
        }
        .mtop{
            margin-top: 5.5rem;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class="add_box" v-on:click="add_shenpi()">
            <i class="icon iconfont icon-jia"></i>
        </div>
        <van-popup v-model="show"  position="top" :style="{top:'4.7rem'}" :get-container="getContainer">
            <div class="search_area">
                <div class="part">
                    <div v-if="item.Num>0" class="search_area_item" v-bind:class="{'item_active':chooseTypeid==item.Type}" v-on:click="choose_type(item)" v-for="item in typeList">
                        <div class="search_area_item_lft">
                            <div v-if="item.Type==0" class="area_item_pic"><img src="../image/icon/exam_quanbu.png"/></div>
                            <div v-if="item.Type==1" class="area_item_pic"><img src="../image/icon/exam_caigou.png"/></div>
                            <div v-if="item.Type==2" class="area_item_pic"><img src="../image/icon/exam_youhui.png"/></div>
                            <div v-if="item.Type==9||item.Type==11||item.Type==12||item.Type==13||item.Type==14" 
                                 class="area_item_pic"><img src="../image/icon/exam_tongzhi.png"/></div>

                            <div v-if="item.Type==10" class="area_item_pic"><img src="../image/icon/exam_house.png"/></div>
                            <div v-if="item.Type==15" class="area_item_pic"><img src="../image/icon/exam_hourse.png"/></div>
                            <div v-if="item.Type==16" class="area_item_pic"><img src="../image/index/new_icon_fxt.png"/></div>
                            <div v-if="item.Type==17" class="area_item_pic"><img src="../image/index/new_icon_zxgl.png"/></div>
                            <div v-if="item.Type==18||item.Type==19||item.Type==20||item.Type==31" class="area_item_pic"><img src="../image/icon/exam_hetong.png"/></div>
                            <div v-if="item.Type==21||item.Type==22||item.Type==23||item.Type==24||item.Type==25||item.Type==26||item.Type==27||item.Type==28" 
                            class="area_item_pic"><img src="../image/icon/exam_yuangong.png"/></div>
                            <div v-if="item.Type==29" class="area_item_pic"><img src="../image/icon/exam_yongyin.png"/></div>
                            <div v-if="item.Type==30" class="area_item_pic"><img src="../image/icon/exam_tongyong.png"/></div>
                            {{item.TypeName}}
                        </div>
                        <div class="search_area_item_rgt">{{item.Num}}</div>
                    </div>
                </div>
                <div class="part">
                    <van-divider>仅显示有数据的分类</van-divider>
                </div>
            </div>
        </van-popup>
        <header class="topheader" id="aui-header">
        <div class="topheader_search">
         <!-- 搜索 -->
        <div class="aui-searchbar" id="search" >
            <div class="aui-searchbar-input aui-searchbar-input-white aui-border-radius">
                <i class="icon iconfont icon-sousuo"></i>
                <input v-model="form.keywords" type="search" placeholder="审批标题" id="search-input">
                <div class="aui-searchbar-clear-btn" style="top:9px">
                    <i class="icon iconfont icon-guanbi"></i>
                </div>
            </div>
            <div class="aui-searchbar-btn" tapmode></div>
        </div>
        <div v-on:click="do_open_search()" class="selecticon">筛选</div>
    </div>
            <div class="aui_tab_box" style=" width: 98%;">
                <div class="aui-tab aui-tab-color" style="background: #fff;  padding-bottom: 8px;">
                    <div v-on:click="select_status(1)" class="aui-tab-item menu_tapmode"
                        v-bind:class="{'active':form.status==1}" style="margin-left: 10px;">
                        <label class="labelbox">
                            待处理
                            <span v-if="total.PendingNumber>0" class="menu_dotspan">{{total.PendingNumber}}</span>
                        </label>
                    </div>
                    <div v-on:click="select_status(2)" class="aui-tab-item menu_tapmode"
                        v-bind:class="{'active':form.status==2}">
                        <label class="labelbox">
                            已处理
                            <!-- <span v-if="total.AcceptNumber>0" class="menu_dotspan">{{total.AcceptNumber}}</span> -->
                        </label>
                    </div>
                    <div v-on:click="select_status(3)" class="aui-tab-item menu_tapmode"
                        v-bind:class="{'active':form.status==3}">
                        <label class="labelbox">
                            我发起的
                            <!-- <span v-if="total.StartNumber>0" class="menu_dotspan">{{total.StartNumber}}</span> -->
                        </label>
                    </div>
                    <div v-on:click="select_status(4)" class="aui-tab-item menu_tapmode"
                        v-bind:class="{'active':form.status==4}">
                        <label class="labelbox">
                            我收到的
                            <!-- <span v-if="total.SendNumber>0" class="menu_dotspan">{{total.SendNumber}}</span> -->
                        </label>
                    <div class="cl">
                    </div>
                </div>
                
            </div>
            
        </header>
        
        <section id="main_refresh" class="aui-refresh-content" v-bind:class="{'mtop':form.status==4}">

            <div v-if="form.status==4" class="topmsg">
                <div class="topmsg_saixuan fl">
                    <van-checkbox v-model="checked"  @click="choose_noread()">仅看未读</van-checkbox>
                </div>
                <div v-on:click="All_read()" class="topmsg_isread fr">全部标记为已读</div>
            </div>

            <div class="aui-content task" v-if="list.length>0">
                <div v-for="item in list" class=" boxarea mainbox">
                    <div v-on:click="openGongdan(item.ApprovalID,item.Type)" class="work_con_box">
                        <div class="workheader">
                           <div class="work_title_add" >
                               <div v-if="item.Type==9||item.Type==11||item.Type==12||item.Type==13||item.Type==14" class="title_pic"><img src="../image/icon/exam_tongzhi.png"/></div>
                               <div v-if="item.Type==1" class="title_pic"><img src="../image/icon/exam_caigou.png"/></div>
                               <div v-if="item.Type==2" class="title_pic"><img src="../image/icon/exam_youhui.png"/></div>
                               <div v-if="item.Type==10" class="title_pic"><img src="../image/icon/exam_house.png"/></div>
                               <div v-if="item.Type==15" class="title_pic"><img src="../image/icon/exam_hourse.png"/></div>
                               <div v-if="item.Type==16" class="title_pic"><img src="../image/index/new_icon_fxt.png"/></div>
                               <div v-if="item.Type==17" class="title_pic"><img src="../image/index/new_icon_zxgl.png"/></div>
                               <div v-if="item.Type==18||item.Type==19||item.Type==20||item.Type==31" class="title_pic"><img src="../image/icon/exam_hetong.png"/></div><!-- 通用申请 -->
                               <div v-if="item.Type==21||item.Type==22||item.Type==23||item.Type==24||item.Type==25||item.Type==26||item.Type==27||item.Type==28" 
                               class="title_pic"><img src="../image/icon/exam_yuangong.png"/></div>
                               <div v-if="item.Type==29" class="title_pic"><img src="../image/icon/exam_yongyin.png"/></div>
                               <div v-if="item.Type==30" class="title_pic"><img src="../image/icon/exam_tongyong.png"/></div>
                               {{item.HeadTitle}}
                            </div>
                           <div class="time_style">{{item.AddTime}}</div>
                            <!-- <div v-if="item.ServiceStatus==50" class="typestatus ygd">已关单</div>   style="font-weight: bold;"-->
                        </div>
                        <!-- <div class="work_title work_title_add">{{item.TypeName}}</div> -->
                        
                        <div v-if="item.Type==2" class=" work_con_box_contain mt0 padding_style ">
                            <div class="work_con_box_time">
                                <div class="work_con_box_item ellipsis_one">优惠项目：{{item.ChargeName}}</div>
                            </div>
                            <div class="work_con_box_time marginheight">
                                <div class="work_con_box_item ellipsis_one">优惠说明：{{item.DiscountRemark}}</div>
                            </div>
                        </div>

                        <div v-if="item.Type==1" class=" work_con_box_contain mt0 padding_style ">
                            <div class="work_con_box_time" >
                                <div class="work_con_box_item ellipsis_one">物品用途：{{item.Title}}</div>
                            </div>
                            <div class="work_con_box_time marginheight" v-if="item.GoodsList.length>0">
                                <div class="work_con_box_item ellipsis_one">物品名称：{{item.GoodsList[0].GoodsName}}</div>
                            </div>
                            <div class="work_con_box_time marginheight" v-if="item.GoodsList.length>0">
                                <div class="work_con_box_item ellipsis_one">物品数量：{{item.GoodsList[0].GoodsNumber}}</div>
                            </div>
                        </div>
                        <!-- 通知消息 -->
                        <div v-if="item.Type==9||item.Type==11||item.Type==12||item.Type==13||item.Type==14" class=" work_con_box_contain mt0 ">
                            <div class="work_con_box_time">
                                <div class="work_con_box_item ellipsis_one">标题：{{item.Title}}</div>
                            </div>
                            <div class="work_con_box_time marginheight">
                                <div class="work_con_box_item ellipsis_two">简介：{{item.SummaryCont}}</div>
                            </div>
                        </div>
                        <!-- 16放行条 -->
                        <div v-if="item.Type==16" class=" work_con_box_contain mt0 ">
                            <div class="work_con_box_time">
                                <div class="work_con_box_item ellipsis_one">资源位置：{{item.ProjectName}}</div>
                            </div>
                            <div class="work_con_box_time marginheight">
                                <div class="work_con_box_item ellipsis_two">通行事由：{{item.VisitTypeName}}</div>
                            </div>
                        </div>
                        <!-- 17装修 -->
                        <div v-if="item.Type==17" class=" work_con_box_contain mt0 ">
                            <div class="work_con_box_time">
                                <div class="work_con_box_item ellipsis_one">资源位置：{{item.ProjectName}}</div>
                            </div>
                            <div class="work_con_box_time marginheight">
                                <div class="work_con_box_item ellipsis_two">办理客户：{{item.UseName}}</div>
                            </div>
                        </div>
                        <!-- 18,19,20合同 -->
                        <div v-if="item.Type==18||item.Type==19||item.Type==20" class=" work_con_box_contain mt0 ">
                            <div class="work_con_box_time">
                                <div class="work_con_box_item ellipsis_one">合同名称：{{item.ContractName}}</div>
                            </div>
                            <div class="work_con_box_time marginheight">
                                <div class="work_con_box_item ellipsis_two">外包单位：{{item.ContractCompnayName}}</div>
                            </div>
                        </div>
                        <!-- 21-员工 22-员工转正 23-员工离职 24-员工调动 25-员工奖励 26-员工处罚 27-员工劳动合同 28-员工休假 -->
                        <div v-if="item.Type==21||item.Type==22||item.Type==23||item.Type==24||item.Type==25||item.Type==26||item.Type==27||item.Type==28" 
                        class=" work_con_box_contain mt0 ">
                            <div class="work_con_box_time">
                                <div class="work_con_box_item ellipsis_one">员工名称：{{item.StaffName}}</div>
                            </div>
                            <div class="work_con_box_time marginheight">
                                <div class="work_con_box_item ellipsis_two">申请类型：{{item.TypeName}}</div>
                            </div>
                        </div>
                        <!-- 29用印申请 -->
                        <div v-if="item.Type==29" class=" work_con_box_contain mt0 ">
                            <div class="work_con_box_time">
                                <div class="work_con_box_item ellipsis_one">用印类型：{{item.SummaryCont}}</div>
                            </div>
                            <div class="work_con_box_time marginheight">
                                <div class="work_con_box_item ellipsis_two">用印标题：{{item.Title}}</div>
                            </div>
                        </div>
                        <!-- 30通用申请 -->
                        <div v-if="item.Type==30" class=" work_con_box_contain mt0 ">
                            <div class="work_con_box_time">
                                <div class="work_con_box_item ellipsis_one">审批类型：{{item.SummaryCont}}</div>
                            </div>
                            <div class="work_con_box_time marginheight">
                                <div class="work_con_box_item ellipsis_two">审批标题：{{item.Title}}</div>
                            </div>
                        </div>
                        <!-- 10房屋租售 -->
                        <div v-if="item.Type==10" class=" work_con_box_contain mt0">
                            <div class="work_con_box_time">
                                <div class="work_con_box_item ellipsis_one">资源位置：{{item.RentHomeProjectName}}</div>
                            </div>
                            <div class="work_con_box_time marginheight">
                                <div class="work_con_box_item ellipsis_two">类型：{{item.RentHomeSellTypeDesc}}</div>
                            </div>
                        </div>
                        <!-- 生活服务 -->
                        <div v-if="item.Type==15" class=" work_con_box_contain mt0">
                            <div class="work_con_box_time">
                                <div class="work_con_box_item ellipsis_one">服务类别：{{item.CategoryName}}</div>
                            </div>
                            <div class="work_con_box_time marginheight">
                                <div class="work_con_box_item ellipsis_two">服务名称：{{item.Title}}</div>
                            </div>
                            <div class="work_con_box_time marginheight">
                                <div class="work_con_box_item ellipsis_two">所属项目：<span v-for="item2 in item.ProjectNameList">{{item2}}</span></div>
                            </div>
                        </div>
                         <!-- 租赁合同-调价单31 -->
                         <div v-if="item.Type==31" class=" work_con_box_contain mt0">
                            <div class="work_con_box_time">
                                <div class="work_con_box_item ellipsis_one">调价单名称：{{item.ChangeName}}</div>
                            </div>
                            <div class="work_con_box_time marginheight">
                                <div class="work_con_box_item ellipsis_two">所属项目：{{item.ProjectName}}</div>
                            </div>
                        </div>
                    </div>

                    <div v-if="form.status==1" class="new-btn-bottom" style="overflow: hidden; border-top: solid 0.5px #eee;">
                        <!--border_right-->
                        <div v-if="item.IsReject==true" class="work_beginbtnty3 new-blue-btn color3"
                            v-on:click="do_open_jujue(item.ApprovalID)">
                            <!-- <i class="icon iconfont icon-guanbi" style=" font-size: 0.7rem; margin-right: 5px; color: #333;"></i> -->
                            <label class="text-grey">拒绝</label>
                                <!-- 拒绝 -->
                        </div>   
                        <div v-if="item.IsRevoke==true" class="work_beginbtnty3 new-blue-btn"
                            v-on:click="doRevoke(item.ApprovalID)">
                            <!-- <i class="icon iconfont icon-chexiao" style=" font-size: 0.7rem; margin-right: 5px; color: #289FFF;"></i> -->
                                撤销
                        </div> 
                        <div v-if="item.IsAccept==true" class="work_beginbtnty3 new-blue-btn"
                            v-on:click="do_open_sure(item.ApprovalID)">
                            <!-- <i class="icon iconfont icon-yidu" style=" font-size: 0.7rem; margin-right: 5px;"></i> -->
                            同意
                        </div>
                    </div>
                    <!-- 等待审批 -->
                    <div v-if="form.status!=1" class="StateStatus">
                        <div v-if="form.status==2||form.status==4" class="statemsg fl">
                            <div v-if="item.AddUserHeaderImg" class="statepic fl"><img :src="item.AddUserHeaderImg"></div>
                            <div v-else class="statepic fl"><img src="../image/default.png"> </div>
                            <div v-if="item.AddUserName" class="statename">{{item.AddUserName}}</div>
                            <div v-else class="statename">匿名用户</div>
                        </div>
                    <div v-if="item.State==2||item.State==1" class="statuStyle fr">
                        <span class="blue ellipsis_one">{{item.StateDesc}}...</span>
                     </div>
                     <!-- 同意 -->
                     <div v-if="item.State==3" class="statuStyle fr">
                        <span class="green ellipsis_one">{{item.StateDesc}}</span>
                     </div>
                     <!-- 拒绝 -->
                     <div v-if="item.State==4" class="statuStyle fr">
                        <span class="origen ellipsis_one">{{item.StateDesc}}</span>
                     </div>
                     <!-- 撤销 -->
                     <div v-if="item.State==5" class="statuStyle fr">
                        <span class="gray ellipsis_one">{{item.StateDesc}}</span>
                     </div>
                    </div>
                </div>
                <div class="notodayList" v-if="!can_scroll">
                    别刷了，真的没有啦...
                </div>
            </div>
            <div class="noinfo" id="noorder" v-if="list.length==0">
                <img src="../image/index/noinfomsg_icon.png" alt="" />
                <h5><br />暂无相关信息</h5>
            </div>
        </section>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-dialog.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript " src="js/examine_list.js"></script>

</html>